
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - busca válida</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in([200, 209], 304), found 502<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">8947</td>
		    	<td class="value error-col-3 total ko">93.295 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">i.n.c.ConnectTimeoutException: connection timed out: localhost/127.0.0.1:9999<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">395</td>
		    	<td class="value error-col-3 total ko">4.119 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in([200, 209], 304), found 500<span class="value" style="display:none">2</span></td>
		    	<td class="value error-col-2 total ko">221</td>
		    	<td class="value error-col-3 total ko">2.304 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">3</span></td>
		    	<td class="value error-col-2 total ko">27</td>
		    	<td class="value error-col-3 total ko">0.282 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_busca-va-lida-d7f0d'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['108', '325', '542', '759', '976', '1193', '1410', '1627', '1844', '2061', '2278', '2495', '2712', '2929', '3146', '3363', '3580', '3797', '4014', '4231', '4448', '4665', '4882', '5099', '5316', '5533', '5750', '5967', '6184', '6401', '6618', '6835', '7052', '7268', '7485', '7702', '7919', '8136', '8353', '8570', '8787', '9004', '9221', '9438', '9655', '9872', '10089', '10306', '10523', '10740', '10957', '11174', '11391', '11608', '11825', '12042', '12259', '12476', '12693', '12910', '13127', '13344', '13561', '13778', '13995', '14212', '14429', '14645', '14862', '15079', '15296', '15513', '15730', '15947', '16164', '16381', '16598', '16815', '17032', '17249', '17466', '17683', '17900', '18117', '18334', '18551', '18768', '18985', '19202', '19419', '19636', '19853', '20070', '20287', '20504', '20721', '20938', '21155', '21372', '21589'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  62.26,1.39,0.52,0.37,0.23,0.11,0.05,0.1,0.01,0.0,0.04,0.09,0.16,0.22,0.2,0.29,0.27,0.46,0.56,0.38,0.41,0.17,0.11,0.1,0.09,0.04,0.28,0.47,0.55,0.59,0.41,0.44,0.44,0.38,0.51,0.68,0.66,0.3,0.23,0.22,0.23,0.23,0.68,1.2,1.13,1.29,5.46,1.39,1.22,1.0,1.15,0.78,0.75,0.62,0.51,0.32,0.51,0.57,0.69,0.81,0.36,0.16,0.18,0.09,0.06,0.06,0.09,0.23,0.23,0.22,0.11,0.16,0.12,0.23,0.16,0.08,0.13,0.2,0.33,0.09,0.15,0.35,0.15,0.03,0.03,0.04,0.04,0.05,0.0,0.03,0.0,0.0,0.01,0.0,0.01,0.0,0.01,0.01,0.0,0.02
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692797525,null],[1692797526,null],[1692797527,null],[1692797528,null],[1692797529,null],[1692797530,null],[1692797531,null],[1692797532,null],[1692797533,null],[1692797534,null],[1692797535,null],[1692797536,null],[1692797537,null],[1692797538,null],[1692797539,null],[1692797540,null],[1692797541,null],[1692797542,null],[1692797543,null],[1692797544,null],[1692797545,null],[1692797546,null],[1692797547,null],[1692797548,null],[1692797549,null],[1692797550,null],[1692797551,null],[1692797552,null],[1692797553,null],[1692797554,null],[1692797555,null],[1692797556,null],[1692797557,null],[1692797558,null],[1692797559,null],[1692797560,null],[1692797561,null],[1692797562,null],[1692797563,null],[1692797564,null],[1692797565,null],[1692797566,null],[1692797567,null],[1692797568,null],[1692797569,null],[1692797570,null],[1692797571,null],[1692797572,null],[1692797573,null],[1692797574,null],[1692797575,null],[1692797576,null],[1692797577,null],[1692797578,null],[1692797579,null],[1692797580,null],[1692797581,null],[1692797582,null],[1692797583,null],[1692797584,null],[1692797585,null],[1692797586,null],[1692797587,null],[1692797588,null],[1692797589,null],[1692797590,null],[1692797591,null],[1692797592,null],[1692797593,null],[1692797594,null],[1692797595,null],[1692797596,null],[1692797597,null],[1692797598,null],[1692797599,null],[1692797600,null],[1692797601,null],[1692797602,null],[1692797603,null],[1692797604,null],[1692797605,null],[1692797606,null],[1692797607,null],[1692797608,null],[1692797609,null],[1692797610,null],[1692797611,null],[1692797612,null],[1692797613,null],[1692797614,null],[1692797615,null],[1692797616,null],[1692797617,null],[1692797618,null],[1692797619,null],[1692797620,null],[1692797621,null],[1692797622,null],[1692797623,null],[1692797624,null],[1692797625,null],[1692797626,null],[1692797627,null],[1692797628,null],[1692797629,null],[1692797630,null],[1692797631,null],[1692797632,null],[1692797633,null],[1692797634,null],[1692797635,null],[1692797636,null],[1692797637,null],[1692797638,null],[1692797639,null],[1692797640,null],[1692797641,null],[1692797642,null],[1692797643,null],[1692797644,null],[1692797645,null],[1692797646,null],[1692797647,null],[1692797648,null],[1692797649,null],[1692797650,null],[1692797651,null],[1692797652,null],[1692797653,null],[1692797654,null],[1692797655,null],[1692797656,null],[1692797657,null],[1692797658,null],[1692797659,null],[1692797660,null],[1692797661,null],[1692797662,null],[1692797663,null],[1692797664,null],[1692797665,null],[1692797666,null],[1692797667,null],[1692797668,null],[1692797669,null],[1692797670,null],[1692797671,null],[1692797672,null],[1692797673,null],[1692797674,null],[1692797675,null],[1692797676,null],[1692797677,null],[1692797678,null],[1692797679,null],[1692797680,null],[1692797681,null],[1692797682,null],[1692797683,null],[1692797684,null],[1692797685,null],[1692797686,null],[1692797687,null],[1692797688,null],[1692797689,null],[1692797690,null],[1692797691,null],[1692797692,null],[1692797693,null],[1692797694,null],[1692797695,null],[1692797696,null],[1692797697,null],[1692797698,null],[1692797699,null],[1692797700,null],[1692797701,null],[1692797702,null],[1692797703,null],[1692797704,null],[1692797705,null],[1692797706,null],[1692797707,null],[1692797708,null],[1692797709,null],[1692797710,null],[1692797711,null],[1692797712,null],[1692797713,null],[1692797714,null],[1692797715,null],[1692797716,null],[1692797717,null],[1692797718,null],[1692797719,null],[1692797720,null],[1692797721,null],[1692797722,null],[1692797723,null],[1692797724,null],[1692797725,null],[1692797726,null],[1692797727,null],[1692797728,null],[1692797729,null],[1692797730,null],[1692797731,null],[1692797732,null],[1692797733,null],[1692797734,null],[1692797735,null],[1692797736,null],[1692797737,null],[1692797738,null],[1692797739,null],[1692797740,null],[1692797741,null],[1692797742,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692797525,[2,0,2]],[1692797526,[2,0,2]],[1692797527,[2,0,2]],[1692797528,[2,0,2]],[1692797529,[2,0,2]],[1692797530,[2,0,2]],[1692797531,[2,0,2]],[1692797532,[2,0,2]],[1692797533,[2,0,2]],[1692797534,[2,0,2]],[1692797535,[2,0,2]],[1692797536,[2,0,2]],[1692797537,[2,0,2]],[1692797538,[2,0,2]],[1692797539,[2,0,2]],[1692797540,[2,0,2]],[1692797541,[2,0,2]],[1692797542,[2,0,2]],[1692797543,[2,0,2]],[1692797544,[2,0,2]],[1692797545,[2,0,2]],[1692797546,[2,0,2]],[1692797547,[2,0,2]],[1692797548,[2,0,2]],[1692797549,[2,0,2]],[1692797550,[4,0,4]],[1692797551,[6,0,6]],[1692797552,[7,0,7]],[1692797553,[8,0,8]],[1692797554,[8,0,8]],[1692797555,[8,0,8]],[1692797556,[9,0,9]],[1692797557,[10,0,10]],[1692797558,[10,0,10]],[1692797559,[11,0,11]],[1692797560,[11,0,11]],[1692797561,[12,0,12]],[1692797562,[13,0,13]],[1692797563,[13,0,13]],[1692797564,[13,0,13]],[1692797565,[13,0,13]],[1692797566,[15,0,15]],[1692797567,[15,0,15]],[1692797568,[15,0,15]],[1692797569,[16,0,16]],[1692797570,[17,0,17]],[1692797571,[17,0,17]],[1692797572,[17,0,17]],[1692797573,[18,0,18]],[1692797574,[19,0,19]],[1692797575,[19,0,19]],[1692797576,[19,0,19]],[1692797577,[20,0,20]],[1692797578,[21,0,21]],[1692797579,[21,0,21]],[1692797580,[22,0,22]],[1692797581,[22,0,22]],[1692797582,[23,0,23]],[1692797583,[23,0,23]],[1692797584,[24,0,24]],[1692797585,[24,0,24]],[1692797586,[25,0,25]],[1692797587,[26,0,26]],[1692797588,[26,0,26]],[1692797589,[26,0,26]],[1692797590,[26,0,26]],[1692797591,[28,0,28]],[1692797592,[28,0,28]],[1692797593,[28,0,28]],[1692797594,[29,0,29]],[1692797595,[30,0,30]],[1692797596,[30,0,30]],[1692797597,[30,0,30]],[1692797598,[31,0,31]],[1692797599,[32,0,32]],[1692797600,[33,0,33]],[1692797601,[33,0,33]],[1692797602,[32,0,32]],[1692797603,[34,0,34]],[1692797604,[34,0,34]],[1692797605,[35,0,35]],[1692797606,[35,0,35]],[1692797607,[36,0,36]],[1692797608,[36,0,36]],[1692797609,[37,0,37]],[1692797610,[38,0,38]],[1692797611,[37,0,37]],[1692797612,[39,0,39]],[1692797613,[39,0,39]],[1692797614,[39,0,39]],[1692797615,[40,0,40]],[1692797616,[41,0,41]],[1692797617,[41,0,41]],[1692797618,[41,0,41]],[1692797619,[42,0,42]],[1692797620,[43,0,43]],[1692797621,[43,0,43]],[1692797622,[44,0,44]],[1692797623,[44,0,44]],[1692797624,[44,0,44]],[1692797625,[46,0,46]],[1692797626,[46,0,46]],[1692797627,[46,0,46]],[1692797628,[46,0,46]],[1692797629,[48,0,48]],[1692797630,[48,0,48]],[1692797631,[48,0,48]],[1692797632,[48,0,48]],[1692797633,[50,0,50]],[1692797634,[50,0,50]],[1692797635,[50,0,50]],[1692797636,[51,0,51]],[1692797637,[52,0,52]],[1692797638,[52,0,52]],[1692797639,[52,0,52]],[1692797640,[53,0,53]],[1692797641,[54,0,54]],[1692797642,[54,0,54]],[1692797643,[55,0,55]],[1692797644,[54,0,54]],[1692797645,[56,0,56]],[1692797646,[56,0,56]],[1692797647,[57,0,57]],[1692797648,[57,0,57]],[1692797649,[58,0,58]],[1692797650,[58,0,58]],[1692797651,[59,0,59]],[1692797652,[59,0,59]],[1692797653,[60,0,60]],[1692797654,[59,0,59]],[1692797655,[62,0,62]],[1692797656,[61,0,61]],[1692797657,[62,0,62]],[1692797658,[63,0,63]],[1692797659,[63,0,63]],[1692797660,[63,0,63]],[1692797661,[64,0,64]],[1692797662,[65,0,65]],[1692797663,[65,0,65]],[1692797664,[66,0,66]],[1692797665,[66,0,66]],[1692797666,[66,0,66]],[1692797667,[67,0,67]],[1692797668,[68,0,68]],[1692797669,[68,0,68]],[1692797670,[69,0,69]],[1692797671,[69,0,69]],[1692797672,[70,0,70]],[1692797673,[70,0,70]],[1692797674,[70,0,70]],[1692797675,[72,0,72]],[1692797676,[72,0,72]],[1692797677,[72,0,72]],[1692797678,[73,0,73]],[1692797679,[73,0,73]],[1692797680,[74,0,74]],[1692797681,[74,0,74]],[1692797682,[75,0,75]],[1692797683,[76,0,76]],[1692797684,[76,0,76]],[1692797685,[77,0,77]],[1692797686,[77,0,77]],[1692797687,[77,0,77]],[1692797688,[78,0,78]],[1692797689,[79,0,79]],[1692797690,[79,0,79]],[1692797691,[80,0,80]],[1692797692,[80,0,80]],[1692797693,[81,0,81]],[1692797694,[81,0,81]],[1692797695,[81,0,81]],[1692797696,[83,0,83]],[1692797697,[83,0,83]],[1692797698,[83,0,83]],[1692797699,[84,0,84]],[1692797700,[84,0,84]],[1692797701,[85,0,85]],[1692797702,[85,0,85]],[1692797703,[86,0,86]],[1692797704,[87,0,87]],[1692797705,[87,0,87]],[1692797706,[88,0,88]],[1692797707,[88,0,88]],[1692797708,[88,0,88]],[1692797709,[89,0,89]],[1692797710,[90,0,90]],[1692797711,[90,0,90]],[1692797712,[90,0,90]],[1692797713,[91,0,91]],[1692797714,[92,0,92]],[1692797715,[92,0,92]],[1692797716,[93,0,93]],[1692797717,[93,0,93]],[1692797718,[94,0,94]],[1692797719,[94,0,94]],[1692797720,[95,0,95]],[1692797721,[95,0,95]],[1692797722,[96,0,96]],[1692797723,[96,0,96]],[1692797724,[97,0,97]],[1692797725,[98,0,98]],[1692797726,[98,0,98]],[1692797727,[99,0,99]],[1692797728,[98,0,98]],[1692797729,[100,0,100]],[1692797730,[45,0,45]],[1692797731,[0,0,0]],[1692797732,[0,0,0]],[1692797733,[0,0,0]],[1692797734,[0,0,0]],[1692797735,[0,0,0]],[1692797736,[0,0,0]],[1692797737,[0,0,0]],[1692797738,[0,0,0]],[1692797739,[0,0,0]],[1692797740,[0,0,0]],[1692797741,[0,0,0]],[1692797742,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692797525,[2,0,2]],[1692797526,[2,0,2]],[1692797527,[2,0,2]],[1692797528,[2,0,2]],[1692797529,[2,0,2]],[1692797530,[2,0,2]],[1692797531,[2,0,2]],[1692797532,[2,0,2]],[1692797533,[2,0,2]],[1692797534,[2,0,2]],[1692797535,[2,0,2]],[1692797536,[2,0,2]],[1692797537,[2,0,2]],[1692797538,[2,0,2]],[1692797539,[2,0,2]],[1692797540,[2,0,2]],[1692797541,[2,0,2]],[1692797542,[2,0,2]],[1692797543,[2,0,2]],[1692797544,[2,0,2]],[1692797545,[2,0,2]],[1692797546,[2,0,2]],[1692797547,[2,0,2]],[1692797548,[2,0,2]],[1692797549,[2,0,2]],[1692797550,[4,0,4]],[1692797551,[6,0,6]],[1692797552,[7,0,7]],[1692797553,[8,0,8]],[1692797554,[8,0,8]],[1692797555,[8,0,8]],[1692797556,[9,0,9]],[1692797557,[10,0,10]],[1692797558,[10,0,10]],[1692797559,[11,0,11]],[1692797560,[11,0,11]],[1692797561,[12,0,12]],[1692797562,[13,0,13]],[1692797563,[12,0,12]],[1692797564,[14,0,14]],[1692797565,[13,0,13]],[1692797566,[15,0,15]],[1692797567,[15,0,15]],[1692797568,[15,0,15]],[1692797569,[16,0,16]],[1692797570,[17,0,17]],[1692797571,[17,0,17]],[1692797572,[17,0,17]],[1692797573,[18,0,18]],[1692797574,[19,0,19]],[1692797575,[19,0,19]],[1692797576,[19,0,19]],[1692797577,[20,0,20]],[1692797578,[21,0,21]],[1692797579,[21,0,21]],[1692797580,[22,0,22]],[1692797581,[22,0,22]],[1692797582,[23,0,23]],[1692797583,[23,0,23]],[1692797584,[24,0,24]],[1692797585,[24,0,24]],[1692797586,[25,0,25]],[1692797587,[20,0,20]],[1692797588,[27,0,27]],[1692797589,[26,0,26]],[1692797590,[31,0,31]],[1692797591,[28,0,28]],[1692797592,[28,0,28]],[1692797593,[28,0,28]],[1692797594,[29,0,29]],[1692797595,[30,0,30]],[1692797596,[30,0,30]],[1692797597,[30,0,30]],[1692797598,[31,0,31]],[1692797599,[32,0,32]],[1692797600,[32,0,32]],[1692797601,[33,0,33]],[1692797602,[33,0,33]],[1692797603,[34,0,34]],[1692797604,[34,0,34]],[1692797605,[35,0,35]],[1692797606,[35,0,35]],[1692797607,[36,0,36]],[1692797608,[36,0,36]],[1692797609,[37,0,37]],[1692797610,[38,0,38]],[1692797611,[37,0,37]],[1692797612,[39,0,39]],[1692797613,[39,0,39]],[1692797614,[39,0,39]],[1692797615,[40,0,40]],[1692797616,[41,0,41]],[1692797617,[41,0,41]],[1692797618,[41,0,41]],[1692797619,[42,0,42]],[1692797620,[43,0,43]],[1692797621,[43,0,43]],[1692797622,[43,0,43]],[1692797623,[44,0,44]],[1692797624,[45,0,45]],[1692797625,[46,0,46]],[1692797626,[46,0,46]],[1692797627,[46,0,46]],[1692797628,[46,0,46]],[1692797629,[48,0,48]],[1692797630,[48,0,48]],[1692797631,[48,0,48]],[1692797632,[48,0,48]],[1692797633,[50,0,50]],[1692797634,[49,0,49]],[1692797635,[51,0,51]],[1692797636,[51,0,51]],[1692797637,[52,0,52]],[1692797638,[52,0,52]],[1692797639,[52,0,52]],[1692797640,[53,0,53]],[1692797641,[54,0,54]],[1692797642,[53,0,53]],[1692797643,[55,0,55]],[1692797644,[52,0,52]],[1692797645,[59,0,59]],[1692797646,[48,0,48]],[1692797647,[65,0,65]],[1692797648,[56,0,56]],[1692797649,[59,0,59]],[1692797650,[57,0,57]],[1692797651,[60,0,60]],[1692797652,[58,0,58]],[1692797653,[61,0,61]],[1692797654,[58,0,58]],[1692797655,[63,0,63]],[1692797656,[60,0,60]],[1692797657,[62,0,62]],[1692797658,[63,0,63]],[1692797659,[63,0,63]],[1692797660,[64,0,64]],[1692797661,[52,0,52]],[1692797662,[76,0,76]],[1692797663,[63,0,63]],[1692797664,[68,0,68]],[1692797665,[66,0,66]],[1692797666,[67,0,67]],[1692797667,[58,0,58]],[1692797668,[76,0,76]],[1692797669,[68,0,68]],[1692797670,[70,0,70]],[1692797671,[63,0,63]],[1692797672,[76,0,76]],[1692797673,[68,0,68]],[1692797674,[72,0,72]],[1692797675,[69,0,69]],[1692797676,[75,0,75]],[1692797677,[68,0,68]],[1692797678,[77,0,77]],[1692797679,[72,0,72]],[1692797680,[75,0,75]],[1692797681,[68,0,68]],[1692797682,[81,0,81]],[1692797683,[71,0,71]],[1692797684,[81,0,81]],[1692797685,[69,0,69]],[1692797686,[78,0,78]],[1692797687,[81,0,81]],[1692797688,[81,0,81]],[1692797689,[73,0,73]],[1692797690,[85,0,85]],[1692797691,[63,0,63]],[1692797692,[55,0,55]],[1692797693,[50,0,50]],[1692797694,[27,0,27]],[1692797695,[0,0,0]],[1692797696,[35,0,35]],[1692797697,[28,0,28]],[1692797698,[85,0,85]],[1692797699,[70,0,70]],[1692797700,[38,0,38]],[1692797701,[66,0,66]],[1692797702,[19,0,19]],[1692797703,[26,0,26]],[1692797704,[20,0,20]],[1692797705,[159,0,159]],[1692797706,[14,0,14]],[1692797707,[118,0,118]],[1692797708,[6,0,6]],[1692797709,[53,0,53]],[1692797710,[78,0,78]],[1692797711,[78,0,78]],[1692797712,[20,0,20]],[1692797713,[26,0,26]],[1692797714,[82,0,82]],[1692797715,[48,0,48]],[1692797716,[57,0,57]],[1692797717,[23,0,23]],[1692797718,[147,0,147]],[1692797719,[19,0,19]],[1692797720,[87,0,87]],[1692797721,[130,0,130]],[1692797722,[31,0,31]],[1692797723,[57,0,57]],[1692797724,[111,0,111]],[1692797725,[85,0,85]],[1692797726,[87,0,87]],[1692797727,[51,0,51]],[1692797728,[156,0,156]],[1692797729,[37,0,37]],[1692797730,[90,0,90]],[1692797731,[182,0,182]],[1692797732,[57,0,57]],[1692797733,[93,0,93]],[1692797734,[112,0,112]],[1692797735,[96,0,96]],[1692797736,[69,0,69]],[1692797737,[70,0,70]],[1692797738,[101,0,101]],[1692797739,[2,0,2]],[1692797740,[29,0,29]],[1692797741,[8,0,8]],[1692797742,[288,0,288]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 9590.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[4,6],[5,5],[6,79],[6,8],[6,18],[6,5],[6,8],[6,5],[6,11],[6,6],[6,153],[6,6],[7,2],[8,2],[9,6],[9,2],[9,2],[9,1],[9,2],[10,4],[10,3],[10,5],[11,61],[12,2],[13,4],[16,8],[21,8],[26,7],[30,59],[35,115],[38,3],[41,3],[47,4],[50,11],[55,7],[58,3],[62,3],[67,5],[70,4],[75,2],[78,2],[82,5],[86,3],[91,2],[94,2],[99,3],[102,2],[106,1],[110,2],[116,2],[119,2],[121,2],[126,6],[132,2],[134,2],[139,2],[142,1],[146,1],[151,2],[155,3],[159,3],[162,2],[167,3397],[171,2],[174,2],[178,2],[182,2],[187,4],[190,1],[196,1],[199,1],[202,2],[206,2],[211,1],[215,1],[220,2],[222,2],[226,2],[231,3],[235,2],[240,2],[241,1],[248,1],[250,1],[255,57],[260,2],[262,3],[267,3],[270,2],[276,2],[279,1],[282,4],[288,2],[290,2],[295,15],[299,383],[304,3],[306,2],[311,1],[315,2],[319,2],[323,1],[328,3],[330,2],[335,12776],[336,1],[339,2],[343,1],[346,6],[352,2],[356,14],[359,8],[362,9],[368,7],[371,9],[375,9],[379,10],[384,10],[386,77],[392,40],[395,77],[400,133],[402,295],[407,659],[412,11],[415,23],[420,10],[423,17],[426,10],[433,566],[434,14],[440,21],[443,18],[448,16],[451,9],[456,19],[458,6],[463,297],[468,86],[473,71],[476,25],[478,19],[483,21],[487,245],[493,162],[495,24],[500,14],[503,101],[507,151],[513,44],[514,81],[521,38],[523,39],[528,103],[531,170],[535,23],[541,45],[541,109],[548,278],[552,125],[557,169],[560,248],[563,922],[568,67],[571,256],[577,101],[579,406],[584,1036],[587,855],[593,3892],[596,5048],[599,4994],[604,5408],[607,7364],[611,7551],[618,6725],[620,7414],[623,8226],[627,8004],[630,10835],[632,8397],[645,11485],[647,10324],[647,11154],[651,11621],[657,12964],[660,17745],[663,12882],[668,18752],[672,15626],[677,17467],[680,16242],[684,16979],[686,17660],[693,13813],[696,17800],[701,17163],[703,11384],[708,15911],[712,18943],[717,17743],[721,16939],[723,16631],[728,15702],[732,14988],[737,13122]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
